<!--
 * @Author: xinqiao lxq1990.0716@qq.com
 * @Date: 2023-11-29 10:57:44
 * @LastEditors: xinqiao lxq1990.0716@qq.com
 * @LastEditTime: 2023-12-22 15:05:10
 * @FilePath: \partal\src\views\design\introduce.vue
 * @Description: 开发指南-概述
-->

<script lang="ts" setup>
  import { ref } from 'vue'
  import { usePlant } from '@/stores/plant'
  import { PLANTTYPE_ENUM } from '@/enum/globalEnum'
  import { PLANTROUTE_DEVELOP_GUIDE_APP } from '@/enum/plantRouteEnum'
  import GuidePc from './components/GuidePc.vue'
  import GuideXcx from './components/GuideXcx.vue'
  import GuideH5 from './components/GuideH5.vue'
  
  const plant = usePlant()
  const appUrl = ref(`${window.location.origin}${PLANTROUTE_DEVELOP_GUIDE_APP}`)
</script>

<template>
  <div class="introduce">
    <GuidePc v-if="plant.plantType === PLANTTYPE_ENUM.PC" />
    <iframe :src="appUrl" v-if="plant.plantType === PLANTTYPE_ENUM.APP" />
    <GuideXcx v-if="plant.plantType === PLANTTYPE_ENUM.XCX" />
    <GuideH5 v-if="plant.plantType === PLANTTYPE_ENUM.H5" />
  </div>
</template>

<style type="less" scoped>
  .introduce {
    width: 988px;
    height: 100%;
    margin: auto;
    padding-top: 36px;
  }
</style>
